<template>
  <div>
    <img src="@/assets/icons/qs1.svg" alt="" srcset="" />
    <p>No dispute information</p>
    <el-button
      @click="OpenADispute"
      v-if="props.type === 'Processing' || props.type === 'Fulfilled'"
      type="default"
      >Open a Dispute</el-button
    >
  </div>
</template>
<script lang="ts" setup>
const props = defineProps(["type"]);
import { useRouter } from "vue-router";

const $router = useRouter();
const OpenADispute = () => {
  $router.push({
    path: "/Order/ScaleOrder/Dispute",
    query: { type: props.type },
  });
};
</script>
<style lang="scss" scoped>
div {
  text-align: center;
  margin: 10% auto;
  p {
    margin: 20px 0 30px 0;
  }
}
</style>